
.ant-progress-container{
    width: 100%;
    height: 190px;
}
.ant-progress-title{
    top: 24px;
    margin-left: 36px;
    font-size:16px;
    color: #404040;
}

//最左边一个进度条容器，右边margin设置为5，其余为0
.ant-progress-total{
  margin:0px 6px 0px 0px; 
}

//中间两个进度条容器，左、右边margin设置为5，其余为0
.ant-progress-room, .ant-progress-movie{
  margin:0px 7px 0px 7px; 
}

//最右边一个进度条容器，左边margin设置为5，其余为0
.ant-progress-active{
  margin:0px 0px 0px 7px; 
}

//四个进度条公用属性
.ant-progress-total,.ant-progress-room, .ant-progress-movie, .ant-progress-active{
   float:left;
   width:24%; 
   height:190px; 
   display:inline;
   border: 1px solid #CCCCCC; 
   border-radius:5px;    
}

.ant-progress-outer{
    width:75%;
    display: inline-block;
}


//统一设置今日预约人数、统计人数、进度条左边margin
.ant-progress-outer,.progress-span{
    margin-left: 36px;
}
//设置占座率样式
.progress-span{
    top:36px;
    font-size:22px;
    font-weight:800;
    color: #404040;
}

.ant-progress-text {
   color: #404040;
}

.ant-progress-text {
    width: 60px;
    text-align: left;
    font-size: 1em;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    top: -1px;
}

.ant-progress-inner {
    top:26px;
    display: inline-block;
    width: 100%;
    background-color: #f7f7f7;
    border-radius: 100px;
    vertical-align: middle;
}

.ant-progress-outer {
    padding-right: 0px;
    margin-right: -45px;
}

.ant-chart-container{
   position: relative;
   width: 100%;
   border:1px solid #CCCCCC;
   margin:10px 0px 12px 0px;
   border-radius:5px; 
}

//设置各个组件标题
.ant-chart-title{
   top :24px;
   bottom: 15px;
   font-size:20px;
   weight:medium;
   margin-left: 36px;
   color: #404040;
}

.ant-table-wrapper{
  margin: 25px 20px 0px 20px;
}

//设置包含两个环饼样式
.ant-chart-today{
    height: 500px;
}

//设置两个环饼样式
.ant-chart-today-movie,.ant-chart-today-active{
   width:49%;
   border:1px solid #CCCCCC;
   float:left;
   display:inline;
   border-radius:5px; 
}

.ant-chart-today-active{
   margin:0px 10px 0px 0px;
}

.ant-chart-today-movie{
    margin:0px 0px 0px 10px;
}